<ul class="pagination">
    <li ng-if="::boundaryLinks" ng-class="{disabled: noPrevious()||ngDisabled}" class="pagination-first">
        <!--<a href ng-click="selectPage(1, $event)">{{::getText('first')}}</a>-->
        <a href ui-sref="{page: 1}">{{::getText('first')}}</a>
        <!--</li>-->
    <li ng-if="::directionLinks" ng-class="{disabled: noPrevious()||ngDisabled}" ng-hide="noPrevious()"
        class="pagination-prev">
        <a href ui-sref="{page: page - 1}">{{::getText('previous')}}</a>
    </li>
    <!--<li ng-repeat="page in pages track by $index" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}"-->
    <!--class="pagination-page"><a href ng-click="selectPage(page.number, $event)">{{page.text}}</a></li>-->
    <li ng-repeat="page in pages track by $index" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}"
        class="pagination-page">
        <!--<a href ui-sref="{page: page.number}" ui-sref-opts="{notify: false}">{{page.text}}</a>-->
        <a href ui-sref="{page: page.number}">{{page.text}}</a>
    </li>
    <li ng-if="::directionLinks" ng-class="{disabled: noNext()||ngDisabled}" ng-hide="noNext()" class="pagination-next">
        <a href ui-sref="{page: page + 1}">{{::getText('next')}}</a>
    </li>
    <li ng-if="::boundaryLinks" ng-class="{disabled: noNext()||ngDisabled}" class="pagination-last">
        <!--<a href ng-click="selectPage(totalPages, $event)">{{::getText('last')}}</a>-->
        <a href ui-sref="{page: totalPages}">{{::getText('last')}}</a>
    </li>
</ul>
